﻿<div class="track-settings sizeref" data-bind='heightResizable: height, css: cssClass'>
    <h2 class="track-name"><!-- ko text: name --><!-- /ko--></h2>
    <div class="actual-track-settings" data-bind="msGestureTap: onTap">
        <!-- ko if: isAudioTrack -->
        <div class="volume-knob track-knob">
            <ctl-knob class="md" params="min: 0, max: 1, value: volume"></ctl-knob>
        </div>
        <!-- /ko -->
        <!-- ko if: type=='StereoTrack'-->
        <div class="balance-knob track-knob">
            <ctl-knob class="md" params="min: -1, max: 1, value: balance"></ctl-knob>
        </div>
        <!-- /ko -->
    </div>
    <div class="resize-handle text-center ui-resizable-handle ui-resizable-s">
        &bull;&bull;&bull;
    </div>
</div>